<!DOCTYPE html>
<html>
    <head>
        <style>
            body {
                margin: 0;
                padding: 0;
            }
            .red {
                background-color: red;
            }
            .green {
                background-color: green;
            }
            .d1 {
                position: absolute;
                top: 320px;
                width: 100px;
                height: 100px;
            }
            .d2 {
                position: absolute;
                left: 500px;
                top: 320px;
                width: 100px;
                height: 100px;
            }
            img {
                position: absolute;
                left: 100px;
            }
            .bg {
                background-color: white;
                position: absolute;
                width: 100%;
                height: 500px;
            }
        </style>
    </head>
    <body>
        <div class="bg">
            <div class="d1 red"></div>
            <img src="400x400_green.png">
            <div class="d2 green"></div>
        </div>
    </body>
</html>
